<html  lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>top</title>
    <meta charset="UTF-8" content="text/html"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        body{
            font: 400 15px sans-serif;
            line-height: 1.8;
            color: #818181;
        }
        /* 导航栏样式 */
        .navbar-header a{
            position: relative;
            bottom: 10px;
            margin-bottom: 0;
        }

        .navbar{
            margin-bottom: 0;
            background-color: #ce0002;
            z-index: 9999;
            border: 0;
            font-size: 16px;
            line-height: 1.42857143;
            letter-spacing: 4px;
            border-radius: 0;
        }

        .navbar li a,.navbar .navbar-brand{
            color: #fff !important;
        }

        .navbar-nav li a:hover,.navbar-nav li.active a{
            color: #ce0002 !important;
            background-color: #fff !important;
        }

        .navbar-default .navbar-toggle{
            border-color: transparent;
            color: #fff !important;
        }

    </style>
</head>
<body>
<!-- 响应式导航栏 -->
<div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="/welcome">
                <img src="/images/logo.png" class="img--responsive img-thumbnail" style="width: 120px">
            </a>
            <!-- 小尺寸下，隐藏导航菜单 -->
            <button type="button" class="navbar-toggle" data-toggle="collspse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <div class="navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#about">课程学习</a></li>
                <li><a href="#service">热门导航</a></li>
                <li><a href="#portfolio">网站留言</a></li>
                <li><a href="#pricing">套餐</a></li>
                <li><a href="#contact">联系我们</a></li>
                <li><a href="#">后台管理</a></li>
                <li><a href="/toLogin">退出登录</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
